
const TimeStamp = new Date().getTime();
const px2rem = require('postcss-px2rem');

// 配置基本大小
const postcss = px2rem({
    // 基准大小 baseSize，需要和rem.js中相同
    remUnit: 16,
});
module.exports = {
    publicPath: './',
    configureWebpack: {
        resolve: {
            alias: {
                'assets': '@/assets',
                'components': '@/components',
                'views': '@/views',
                'network': '@/network'
            }
        },
        output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.js】
            filename: `js/[name].${TimeStamp}.js`,
            chunkFilename: `js/[name].${TimeStamp}.js`
        },
    },
    css: {//像素单元生成rem单位自适应  
        extract: {
            // 修改打包后css文件名  
            filename: `css/[name].${TimeStamp}.css`,
            chunkFilename: `css/[name].${TimeStamp}.css`
        },
        loaderOptions: {
            postcss: {
                plugins: [
                    postcss,
                ],
            },
        },
    },
}
